<%-- 
    Document   : administrarProyecto
    Created on : 09-nov-2011, 10:58:10
    Author     : Cyndi
--%>

<%@page import="pro.Servlet.listaUsuarios"%>
<%@page import="java.util.ArrayList"%>
<%@page import="pro.bean.usuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="../css/principal.css" />
        <title>Administrar Proyecto</title>

        <link rel="stylesheet" type="text/css" href="../css/admiProyecto.css" />


        <script type="text/javascript" src="../js/jquery-1.2.3.min.js"></script>
        <script type="text/javascript" src="../js/masdetalles_modal.js"></script>


        <script type="text/javascript" src="../js/tree.js"></script>

        <script type="text/javascript">
            <!--
            var Tree = new Array;
            // nodeId | parentNodeId | nodeName | nodeUrl
            Tree[0]  = "1|0|Proyectos|#";
            Tree[1]	 = "2|1|Mis Proyectos|#";
            Tree[2]  = "3|1|Otros Proyectos|#";
            Tree[3]  = "4|2|Madre de Dios|#";
            Tree[4]  = "5|3|Cusco|#";
            //-->
        </script>


        <script language="JavaScript">

            function provisionarModem(){
                var idOrden = document.getElementById("idOrden").value;
                var modemElegido = cmbModems.options[cmbModems.selectedIndex].value;
                if(modemElegido == -1){
                    alert("Eliga un modem porfavor");
                }
                else{
                    url = "<%=request.getContextPath()%>/OrdenServlet?";
                    url += "accion=3";
                    url += "&" + "idOrden="     + idOrden;
                    url += "&" + "modemElegido=" + modemElegido;
                    window.location = url;
                }
            }
            function listarModems(){
                window.location = "<%=request.getContextPath()%>/OrdenServlet?accion=5";
            }
            function muestraUsuarios(idOrden){
                var div1 = document.getElementById("userDiv");
                var div2 = document.getElementById("mainDiv");
                var txtIdOrden = document.getElementsByName("idOrden")[0];
                
                if(idOrden != "0" ){
                    txtIdOrden.value = idOrden
                    div1.style.zIndex = "1";
                    div1.style.display = "";
                    div2.style.zIndex = "0";
                    div2.style.filter = "alpha(opacity=25)";
                    div2.style.opacity = ".25";
                }
                else{
                    div1.style.zIndex = "0";
                    div1.style.display = "none";
                    div2.style.zIndex = "1";
                    div2.style.filter = "";
                    div2.style.opacity = "";
                }
            }
 
           
             
                         
            function Abrir_ventana (pagina) {
                var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=630, height=250, 				top=85, left=140";
                window.open(pagina,"",opciones);
            }
            function MM_popupMsg(msg) { //v1.0
                alert(msg);
            }
        </script>

    </head>
    
    <jsp:useBean id="listaUsuarios" scope="request" type="ArrayList<usuario>" />
    <body>
        <div id="mainDiv">
            <div id="cabezera">
                <div id="logo-iz"><img src="../Imagenes/linkenslogo - copia.png" width="80" height="78" /></div>
                <div id="logo-der"><img src="../Imagenes/linkenslogo - abajo.png" width="589" height="50" /></div>
            </div>
            <div id="opciones"><ul id="menu-top_menu" class="art-menu">
                    <li><a href="loguin.html">Salir</a></li>
                    <li><a href="micuenta.html">Mi Cuenta</a></li>
                    <li><a href="principal.html">Proyecto Actual</a></li>
                    <li><a href="#">Bienvenido: Leono</a></li></ul></div>
            <div id="cuerpo">
                <div id="cuerpo-izquierda">
                    <div class="botton"><a href="CrearNuevo.html" class="button" style="top: 236px; left: 199px; text-align: center;">Crear Proyecto Nuevo</a></div>
                    <div class="titulo">Mis Proyectos</div>
                    <div class="bajo-titulo" id="arbol">	    
                        <div class="tree">
                            <script type="text/javascript">
                                <!--
                                createTree(Tree,1);  // start the tree at node nr. 1
                                //-->
                            </script>
                        </div>
                    </div>
                    <div class="titulo">Detalles del Proyecto</div>
                    <div class="bajo-titulo">Nombre: algo  <br /> <br />Creado por: Leono <br /> <br />Ultima actualización: 01/11/2011<br /> <br />
                        <a href="#" id="button1">Más detalles</a></div>
                    <div class="titulo">Tú en el Proyecto</div>
                    <div class="bajo-titulo">
                        <p>Jefe de Proyecto
                        </p>
                        <p><a href="admiProyecto.html" id="button2">Administrar Proyecto</a></p>
                    </div>        
                </div>
                <div id="cuerpo-derecha">
                    <div id="cabezaAdmi">Administración del Proyecto</div>
                    <div id="cuerpoAdmi">
                        <h3>Usuarios del proyecto</h3>
                        <table class="normall" width="650" border="0">
                            <tr>
                                <th scope="col">Username</th>
                                <th scope="col">Nombre y Apellido</th>
                                <th scope="col">Correo</th>
                                <th scope="col">Permiso</th>
                                <th scope="col">Fecha de Registro</th>
                                <th scope="col">&nbsp;</th>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td><a href="#" class="button3">Borrar</a></td>
                            </tr>
                        </table>
                        <p>
                        <h3>Agregar usuario o modificar permiso :</h3>
                        <form action="" method="get" name="asignar"><table width="600" border="0">
                                <tr>
                                    <td>Usuario:</td>
                                    <td>Permiso:</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td><label>
                                            <input type="text" name="Usuarioo" id="Usuarioo" />
                                        </label></td>
                                    <td><label>
                                            <select name="permiso" id="permiso">
                                                <option>Visualizar</option>
                                                <option>Modificar</option>
                                            </select>
                                        </label></td>
                                    <td><label>
                                            <input type="submit" name="Agregar" id="Agregar" value="Agregar Usuario" />
                                        </label></td>
                                    <td><label>
                                            <input type="submit" name="modificar" id="modificar" value="Modificar Permiso" />
                                        </label></td>
                                </tr>
                            </table>
                        </form></p>
                        <a href="javascript:Abrir_ventana('lista.html')" class="button3">Lista de Usuarios</a></div>
                </div>

            </div>
            <div id="reporte"></div>
            <div id="pie"></div>
        </div>
        
        
         <div id="userDiv" style="display: none; position:absolute; top:40%; left:30%; z-index: 0; border: solid navy; padding:30px;">
            <table>
                <tr>
                    <td colspan="3">
                        <input type="hidden" name="idOrden" id="idOrden"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="width:20%">
                        <span>Usuarios a seleccionar: </span>
                    </td>
                    <td>
                        <select name="cmbUsers" id="cmbUsers" style="width:30%;">
                            <option value="-1">Seleccione</option>
                            <% for (usuario user : listaUsuarios) {%>
                            <option value="<%=user.getNombre()%>"><%=user.getApellido()%></option>
                            <% }%>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="button" value="Provisionar" name="btnProvisionar" id="btnProvisionar" onclick="provisionarModem();"/>
                    </td>
                    <td>
                        <input type="button" value="Cancelar" onclick="muestraModems(0)"/>
                    </td>
                </tr>
            </table>
        </div>
        
        
    </body>
</html>

